<template>
  <div id="ServiceDetail">
    <div class="banner container-fuild text-center">创新中心</div>
    <div class="container">
      <div class="row">
        <!-- <div class="col-xs-12 col-sm-12 col-md-3" id="myScrollspy">
          <ul class="nav nav-tabs nav-stacked center-block" id="myNav">
            <p>华南理工大学产研结合</p>
            <li
              :class="item.id == id ? 'active' : ''"
              v-for="(item, index) in serviceNavList"
              :key="index"
            >
              <a href="javascript:;" @click.stop="toSection(item.id)">{{
                item.title
              }}</a>
            </li>
          </ul>
        </div> -->

        <div id="left" class="col-md-4 col-xs-12">
          <ul class="left-container wow bounceInLeft">
            <p>华南理工大学产研结合</p>
            <li v-for="(item, index) in softwareList" :key="index">
              <router-link :to="item.path">{{ item.name }}</router-link>
            </li>
          </ul>
        </div>


        <div class="col-xs-12 col-sm-12 col-md-9 content wow zoomIn">
          <div class="acti">
            <div class="titles">
              <h1 class="h1">
                提高医疗服务可及性：远程超声机器人的使命与担当
              </h1>
              <div class="infor">
                <!-- <span>时间：2024-12-28</span>
                <span>作者：鼎盛智造</span>
                <span style="display: none">阅读数：3695</span>
                <span style="display: none">分享</span> -->
              </div>
            </div>
          </div>

          <div class="text">
            <div class="words">
              <p class="paragraph">
                <span>
                  在广袤的土地上，医疗资源分布不均犹如一道顽固的沟壑，将优质诊疗服务与偏远地区、基层社区的患者远远隔开。我们带着对医疗公平的热望，投入到远程超声机器人的研发中，力求为填平这道沟壑、提升医疗服务可及性踏出坚实的步伐。
                </span>
              </p>
              <!-- <p class="paragraph">
                <br />
              </p> -->
              <!-- <p class="image">
                <img :src="service2" alt="服务" />
              </p>
              <p class="image">
                <span>
                  2024公立医院绩效考核思考汇会议成功召开
                </span>
              </p> -->
              <p class="paragraph">
                <br />
              </p>
              <!-- <p class="image">
                <img :src="service3" alt="服务" />
              </p>
              <p class="image">
                <span>
                  2024公立医院绩效考核思考汇会议签到
                </span>
              </p> -->
              <p class="paragraph">
                <span>
                  偏远山区的居民，往往因山高路远，要历经数小时乃至数天的颠簸，才能抵达有超声检查设备与专业医生的大医院。曾几何时，一位住在深山村落的老人，腹部持续胀痛，村医受限于简陋设备，无法查明病因，转诊到最近的县城医院，路途遥远且波折，病情就在这辗转间悄然加重。远程超声机器人的出现，彻底改写了这类困境剧本。如今，只需基层医疗站点配备一台轻巧的机器人终端，借助稳定网络，大城市三甲医院的超声专家就能远程操控，几分钟内开启检查。患者无需挪动疲惫身躯，在家门口就能享受到精准的超声诊断，常见的胆结石、肝囊肿，或是复杂的腹部肿物，都能被迅速洞察，为后续治疗争取黄金时间，地理距离不再是求医路上的“天堑”。
                </span>
              </p>
              <p class="paragraph">
                <br />
              </p>
              <!-- <p class="image" >
                <img :src="service4" alt="服务" />
              </p>
              <p class="image">
                <span>
                  2024公立医院绩效考核思考汇会议现场
                </span>
              </p> -->
              <p class="paragraph">
                <span>
                  基层医疗体系也因远程超声机器人迎来蜕变。社区卫生服务中心、乡镇卫生院长期面临超声专业人才匮乏难题，年轻医生不愿来，现有医护缺乏系统培训。有了这款智能助手，操作变得简便易懂，新手医护在远程专家实时指导下，能快速上手超声检查流程，从探头放置到基础影像解读，逐步积累经验。这不仅充实了基层超声检查力量，更让日常体检、慢病随访中的超声项目得以规范开展。孕妇不用再挤公交、排长队去大医院做产检，在熟悉的社区就能完成胎儿发育状况监测；慢性肝病患者定期超声复查，家门口就能追踪病情，基层医疗服务的深度与广度由此拓展。
                </span>
              </p>
              <!-- <p class="paragraph">
                <br />
              </p> -->
              <!-- <p class="image">
                <img
                  src="/Uploads/detail/2024-12-30/677212ef1c643.webp"
                  alt=""
                />
              </p>
              <p class="paragraph"></p>
              <p class="image">
                <span style="font-size: 16px; font-family: SimSun"
                  >深圳市市场监督管理局标准处徐均伟副处长致辞</span
                >
              </p> -->
              <p>
                <br />
              </p>
              <p>
                <span style="font-size: 18px; font-family: SimSun">
                  在突发公共卫生事件与紧急救援场景里，远程超声机器人更是雪中送炭。地震、洪水灾区，医疗资源受损、交通中断，重伤员急需快速伤情评估以便分诊救治。小巧便携的机器人能迅速被空投、车载至现场，后方应急医疗团队远程操控，即刻排查骨折、脏器破裂、内出血等致命伤，第一时间筛选出急需手术、转诊的危重症患者，合理分配有限医疗资源，让救援效率成倍提升，生命希望之光在废墟与洪流间顽强闪烁。
                </span>
              </p>
              <p>
                <br />
              </p>
              <!-- <p class="image" >
                <img :src="service1" alt="服务" />
              </p>
              <p class="image" >
                <span style="font-size: 16px; font-family: SimSun">
                  我司骨干团队参会留念
                </span>
              </p> -->
              <p>
                <span style="font-size: 18px; font-family: SimSun">
                  国际援助领域，远程超声机器人也展现出独特魅力。在医疗基础设施薄弱的欠发达国家和地区，本土医生经过简单培训，就能配合我国专家团队开展远程超声义诊。跨越半球距离，为当地儿童筛查先天性心脏病、为妇女诊断妇科疾病，以科技之力输出医疗服务，打破地域与国界限制，让全球更多角落感受到医疗关怀的温度，真正把精准、及时的超声诊断服务送到每一位急需之人身边，一步步织密全球医疗服务的可及性网络。
                </span>
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup name="serviceDetail">
import { ref, onMounted } from 'vue'
import { useRoute } from 'vue-router'
import WOW from 'wow.js'

import service1 from '@/assets/img/2024_hospital_1.jpg'
import service2 from '@/assets/img/2024_hospital_2.jpg'
import service3 from '@/assets/img/2024_hospital_3.jpg'
import service4 from '@/assets/img/2024_hospital_4.jpg'

const id = ref('section-1')

const softwareList = [
  {
    name: '技术创新与研发',
    path: '/InnovationDetail1'
  },
  {
    name: '临床应用的成功案例',
    path: '/InnovationDetail2'
  },
  {
    name: '远程诊疗的突破',
    path: '/InnovationDetail3'
  },
  {
    name: '提高医疗服务可及性',
    path: '/InnovationDetail4'
  },
]

const route = useRoute()


onMounted(() => {
  console.log('route：', route, route.params, route.query)
  console.log('history.state：', history.state)

  console.log(id.value, 'pp')

  var wow = new WOW()
  wow.init()
})
</script>

<style scoped>
#left {
  margin: 50px 0;
  display: none;
}

.left-container {
  width: 60%;
  margin: 0 auto;
  border: 1px solid #474747;
  border-radius: 5px;
}

.left-container>p {
  text-align: center;
  line-height: 45px;
  padding: 0;
  margin: 0;
  background: #474747;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}

.left-container>li {
  text-align: center;
  height: 38px;
  line-height: 38px;
  margin: 0;
  border-top: 1px solid #474747;
}

.left-container>li>a {
  text-decoration: none;
}

.left-container>li:hover {
  background: #928989;
}

@media screen and (max-width: 768px) {

  #left {
    display: block;
  }

}

.banner {
  color: #fff;
  font-size: 30px;
  height: 150px;
  line-height: 150px;
  background-image: url('../assets/img/banner_2.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  background-position: center center;
}

@media (min-width: 992px) {
  .col-md-9 {
    width: 100%;
  }
}

.acti .titles {
  padding-bottom: 18px;
  margin-bottom: 18px;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
}

.acti .titles .h1 {
  font-size: 30px;
  color: #222;
  font-weight: bold;
  margin-bottom: 18px;
}

.acti .titles .infor {
  text-align: center;
}

.acti .titles .infor>span {
  display: inline-block;
  font-size: 14px;
  color: #999;
  margin: 0 32px;
}

.text {
  padding-bottom: 73px;
  /* margin-bottom: 24px; */
  margin-bottom: 40px;
  border-bottom: 1px solid #e5e5e5;
}

.words {
  font-size: 16px;
  color: #333;
  line-height: 36px;
}

.words .paragraph {
  text-align: justify;
  font-size: 18px;
  font-family: "SimSun";
}

img {
  display: inline-block !important;
  border-style: none;
  vertical-align: middle;
  max-width: 100%;
}

p {
  display: block;
  /* margin-block-start: 1em;
  margin-block-end: 1em; */
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  unicode-bidi: isolate;

}

.text .words .image {
  text-align: center;
  font-size: 16px;
  font-family: "SimSun";
  display: flex;
  justify-content: center;
}
</style>
